<template>
  <div id="app">
    <!-- <img src="./assets/logo.png">-->
    <div class="content">
      <router-view/>
    </div>
    <div class="menu">
      <ul class="nav nav-tabs">
        <li role="presentation">
            <router-link to="/" tag="div">英雄皮肤列表</router-link>
             <!-- <div class="select">
            请输入英雄名称：<input type="text" v-model="title">
            <button @click="search">搜索</button>
        </div>
        
        <div class="result">
            <span> 搜索结果：</span>
            <ul>  
                <li v-for="(heros,id) in heroslist" class="herolist-content" :key="id">                        
                    <img :src="heros.src" alt="">              
                    <p>{{heros.title}}</p>
                </li>
            </ul>
        </div> -->
        </li>
        <li role="presentation">
             <router-link to="/shopcart" tag="div">购物车</router-link>
        </li>
      </ul>   
    </div>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style scoped>
 .menu{
   position: fixed;
   bottom: 0;
   width: 100%;
   
 }
 .menu li{
   width: 50%;
   height: 45px;
   line-height: 45px;
   text-align: center;
   border: 1px solid grey;
   /* background-color:burlywood; */
 }
 .menu li:hover{
   background-color: antiquewhite;
 }

</style>
